<?php
require_once('./php_lib/conexion.php');
require_once('./php_lib/funciones.php');

$Form1Action = "./ajax_cliente.php?funcion=1";

$lista_regiones = obtener_regiones($db_zapatos);			// Obtenemos la lista de regiones
$lista_comunas = obtener_comunas($db_zapatos, $lista_regiones);		// Traemos listado de comunas

?>

<div id="h_con" class="myform">
<form id="form1" name="form1" method="post" action="<?php echo $Form1Action; ?>">

<fieldset><legend>Registrar Cliente</legend>
	<div class="notes" id="notes">
		<h4>Nota:</h4>
			<p>Ingrese los datos y presione "Enviar".</p>
	</div>
  <div class="estandar"><label for="cli_rut">Rut cliente</label>
    <input type="text" name="cli_rut" id="cli_rut" />
  </div>
  <div class="estandar"><label for="cli_nom">Nombres</label>
    <input type="text" name="cli_nom" id="cli_nom" />
  </div>	
  <div class="estandar"><label for="cli_pa">Apellido paterno</label>
    <input type="text" name="cli_pa" id="cli_pa" />
  </div>
  <div class="estandar"><label for="cli_sa">Apellido materno</label>
    <input type="text" name="cli_sa" id="cli_sa" />
  </div>
  <div class="estandar"><label for="cli_calle">Direccón</label>
    <input type="text" name="cli_calle" id="cli_calle" />
  </div>
  <div class="estandar"><label for="region">Región</label>
    <select name="region" id="region">
	<option value="0">Seleccione una región</option>
	<? foreach( $lista_regiones as $reg_key => $reg_val) { 
		 echo sprintf("<option value=\"%d\">%s</option>", $reg_key, $reg_val);
	} ?>
    </select>
  </div>
  <div class="estandar"><label for="loc_id">Localidad</label>
    <select name="loc_id" id="loc_id" disabled="disabled">
	<option value="0">Seleccione una comuna</option>  
    </select>
  </div>
  <div>
    <input type="button" name="enviar" id="bt_enviar" value="Enviar" />
    <input type="hidden" name="MM_insert" value="form1" />
  </div>
</fieldset>
</form>
</div>

<div id="h_not" style="display:none;">
	<div class="notificacion">Cliente agregado corréctamente.</div>
	<a href="#" onclick="$('#mainDiv').load('./registrar_cliente.php');">Continuar</a>
</div>

<script language="javascript">
<!--
// Interceptamos el click del boton enviar
$('#bt_enviar').click(function() {
	$.ajax({
	type: 'POST',
	dataType: "json",
	url: $('#form1').attr('action'),
	data: $('#form1').serialize(),
	// Mostramos un mensaje con la respuesta de PHP
	success: function(data) {
		if( data.error == 0){
			$('#h_con').hide();
			$('#h_not').show("fast");
		} else {
			v1 = "<h4 class=error>Error en los datos</h4>";
			for( error_key in data.lista_errores){
				v1 += "<p class=error>" + data.lista_errores[error_key] + "</p>";
			}
			$('#notes').html(v1);
		}
	},
	error: function(jqXHR, textStatus) {
		alert( "Request failed: " + textStatus );}
	})        
}); 

// Evento para SELECT de regiones
$('#region').change( function() {
	var lista_comunas = <?=json_encode($lista_comunas);?>
	
	reg_key = document.getElementById('region').value;
	comuna = document.getElementById('loc_id');
	comuna.length = 1;
	if (reg_key != 0) {
		i = 1;
		for( loc_key in lista_comunas[reg_key]){
			comuna.length++;
			comuna.options[i].value = loc_key;
			comuna.options[i].text =  lista_comunas[reg_key][loc_key];
			i++;
		}
		comuna.disabled = false;
	} else {
		comuna.disabled = true;
	}
});
-->
</script>
